<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Dự án GOFL 7 PLUS</title>
    
    
    <!--Thư viện hiệu ứng animate-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <!--Thư viện icon font-awesome-->
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<!-- css for owl -->
	<link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
    <!--Css dùng chung -->
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
    <!--Css chính cho toàn trang -->
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
    <!--Nhúng google map-->
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places"></script>   
     <script>
	  // code javascript config google map
	  function initialize() {
		var mapOptions = {
		  zoom: 12,
		  center: new google.maps.LatLng(10.487579, 107.452672)
		}
		var map = new google.maps.Map(document.getElementById('canvas'),
									  mapOptions);
	  
	     var text;
		text= "<p style='color:rgba(0,0,255,1)' " + 
				 "style='text-align:center'><b>Bluffs Ho Tram Golf club !<br />Hotline : 0989 787 786 </b></p> <img src='uploads/map-img.png'>" 
			 ;
		   var infowindow = new google.maps.InfoWindow(
			{ content: text,
				size: new google.maps.Size(100,50),
				position: map.getCenter()//Vị trí đánh dấu
			});
	    infowindow.open(map);  
		var marker = new google.maps.Marker({
			  position: map.getCenter(),//Vị trí đánh dấu
			  map: map
		
			 
		  }); 
		  
	  }
	  
	  google.maps.event.addDomListener(window, 'load', initialize);

    </script>
    

	
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=903153506380845&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<section class="itq-wrapper">
    <header class="itq-header">
    	<figure class="logo">
        	<a href="#">
            	<img src="images/logo.png">
            </a>
        </figure>
        <section class="top-right">
        	<ul class="login">
				<li>
                	<a href="#">Sign Up</a>
                </li>
                <li>
                	<a href="#">Login</a>
                </li>
                <li>
                	<a href="#">Account</a>
                </li>            
            </ul>
            <section class="center-right-top">
            	
                
                <section class="cart">
                	<h3>
                    	<p>Your cart</p>
                        <p class="price">$0.00-0 items</p>
                    </h3>
                    
                    <a href="#">Checkout</a>
                </section>
                
                <ul class="social">
                	<li>
                    	<a href="#"><img class="icon-f" src="images/fb.png"></a>
                    </li>
                    <li>
                    	<a href="#"><img class="icon-f" src="images/g+.png"></a>
                    </li>
                    <li>
                    	<a href="#"><img class="icon-f" src="images/in.png"></a>
                    </li>
                    <li>
                    	<a href="#"><img  class="icon-f" src="images/youtube.png"></a>
                    </li>
                
                </ul>
                <section class="lang">
                  
                </section>
                
            </section>
             <section class="form">
                  <h3>Goflbooking : 0989.999.999</h3>
                  <form>
                      <input type="text" name="keyword" placeholder="Search...">
                      <input type="submit" value=""
                  </form>
              </section>
        </section>
    </header><!-- .itq-header -->
	<section class="clear"></section>
    
    <nav class="itq-menu">
        	<ul class="main">
            	<li class="item">
                	<a href="#">Home </a>
                </li>
                <li class="item">
                	<a href="#">About Us </a>
                </li>
                <li class="item">
                	
                	<a href="#">Members card  </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Members card vip
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Members card normal
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Members vip
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">Members Benefit </a>
                </li>
                <li class="item">
                	<a href="#">Membership Tier & Price </a>
                </li>
                <li class="item">
                	<a href="#">Contact Us </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Hello you
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	About me
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Can I help you ? Can I help you ?
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">Membership Centre</a>
                </li>
            
            </ul>
        </nav><!-- .itq-menu -->
	
    
        <section class="itq-slider" >
        	<section class="booking">
             	<h3>
                	Booking Now
                </h3> 
                <section class="form-booking">
                    <form method="post">
                    	<section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option >Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<input type="submit" value="SEARCH">
                        </section>
                    </form>
                </section>  
            </section><!-- .booking -->
            <section id="slides">
                <ul class="slides-container">
                    <li>
                        <img src="uploads/slide-1.jpg" alt="">
                    </li>
                    <li>
                        <img src="uploads/slide-2.jpg" alt="">
                    </li>
                </ul>
                
            
                <!--<nav class="slides-navigation">
                  <a href="#" class="next"><img src="images/next.png"></a>
                  <a href="#" class="prev"><img src="images/prev.png"></a>
                </nav>-->
            </section> <!-- .itq-slides -->
    
    </section><!-- .itq-slider -->
    <section class="clear"></section>
	
    <!-- .itq-news -->
    <section class="itq-news">
		<header>
			<h2>News:</h2>
		</header>
		<ul class="ndt-list-news">
			<li class="ndt-list-news">
				<a href="">
					Royal Golf Club is situated near to Tam Diep town , Ninh Binh Province
				</a>
			</li>
			<li class="ndt-list-news">
				<a href="">
					Royal Golf Club is situated near to Tam Diep town , Ninh Binh Province
				</a>
			</li>
		</ul>
	</section>
    <section class="clear"></section>
    
    <section class="itq-detail-golf">
    	<section class="itq-sidebar">
        	<section class="category">
            	<header>
                	<h3>Countrys</h3>
                </header>
                <ul>
                	<li>
                    	<a href="#">VietNam</a>
                    </li>
                    <li>
                    	<a href="#">ThaiLand</a>
                    </li>
                    <li>
                    	<a href="#">Singapore</a>
                    </li>
                    <li>
                    	<a href="#">Indonesia</a>
                    </li>
                    <li>
                    	<a href="#">Philipinse</a>
                    </li>
                    <li>
                    	<a href="#">Laos</a>
                    </li>
                    <li>
                    	<a href="#">Cambodia</a>
                    </li>
                    
                </ul>
            </section><!-- .itq-category -->
            <section class="left-booking">
            	<header>
                	<h3>Booking Now</h3>
                    <p>
                    	Easy click, Easy Tee- Off
                    </p>
                </header>
                <section class="clear"></section>
                <section>
                	<form method="post" action="">
                    	<p>
                    		<label>Country</label>
                        	<select>
                            	<option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                            </select>
                        </p>
                        <p>
                    		<label>Course</label>
                        	<select>
                            	<option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                            </select>
                        </p>
                        <p>
                    		<label>Teetime</label>
                        	<select>
                            	<option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                            </select>
                        </p>
                        <p>
                    		<label>Course</label>
                        	<select>
                            	<option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                                <option>Viet Nam</option>
                            </select>
                        </p>
                        <p>
                        	<input type="submit" value="search">
                        </p>
                        
                    </form>
                
                </section>
            </section><!-- .left-booking -->
            <section class="left-adv">
            	<ul>
                	<li>
                    	<a href=" #">
                        	<img src="uploads/adv-3.png">
                        </a>
                    </li>
                    <li>
                    	<a href=" #">
                        	<img src="uploads/adv-3.png">
                        </a>
                    </li>
                </ul>
            </section><!-- .left-adv -->
    
   	    </section><!-- .itq-sidebar -->
		<!-- itq-content -->
        <section class="itq-content">
			<header>
				<h3>Bluffs Ho Tram Golf Clup</h3>
			</header>
			<article>
				<figure>
					<img src="uploads/product-1.png" alt="">
				</figure>
				<p class="ndt-content">
					The Bluffs Ho Tram is set to open in 2014 - an 18-hole Championship Links Style Golf Course designed by Greg Norman. Located on the Ho Tram Strip, the largest group of integrated resorts on more than 400 acres of land and more than two kilometers of pristine beach in Vietnam, The Bluffs will provide undulating sand dunes and dramatic ocean views. It is described by Norman as, "One of only two pieces of land of this quality and character that I have ever been given to work with - the other being Doonbeg in the south of Ireland".
				</p>
			</article>
			<section class="ndt-contact">
				<header>
					<h3>Contact</h3>
				</header>
				<ul class="list-contact">
					<li class="list-contact">Mr. Tuan  </li>
					<li class="list-contact">Hotline:  <span class="ndt-details-hotline">0973.999.999</span></li>
					<li class="list-contact">Email: <a href=""#>tuantephs@gmail.com</a></li>
				</ul>
				<a href="" class="ndt-btn">
					<span>Booking now</span>
				</a>
			</section>
			
			<section class="ndt-info-golf">
				<table>
					<tr>
						<th>Type</th>
						<th>Content</th>
					</tr>
					<tr>
						<td>Type</td>
						<td>Resort/Private</td>
					</tr>
					<tr>
						<td>Holes</td>
						<td>18</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
					<tr>
						<td>Year built</td>
						<td>2014</td>
					</tr>
				</table>
                <section class="map">
                	<h3>Golf map, Bluffs Ho Tram Golf Club</h3>
                    <section id="canvas">
                    
                    </section>
                    <section class="comment">
                    	<div class="fb-comments" data-href="http://dev.itq.vn/thuvien/du-an-tri-nam-dong-y/index.html"  data-width="677"data-numposts="5" data-colorscheme="light"></div>
                    </section>
                </section><!--.map-->
				<section class="clear"></section>
            </section>
		</section><!--.itq-content -->
		<section class="clear"></section>
		<!-- .ndt-details-slide -->
	<section class="ndt-details-slide">
		<header>
			<h3>Relation Golf Cource</h3>
		</header>
		<ul class="owl-demo">
			<li class="item">
				<figure>
					<img src="uploads/details-slide-1.png" alt="Owl Image">
					<figcaption>
						<h4>
							<a href="#">Vinpearl Phu Quoc Golf Club</a>
						</h4>
					</figcaption>
				</figure>
			</li>
			<li class="item">
				<figure>
					<img src="uploads/details-slide-2.png" alt="Owl Image">
					<figcaption>
						<h4>
							<a href="#">Đà Lạt Palace Golf Club</a>
						</h4>
					</figcaption>
				</figure>
			</li>
			<li class="item">
				<figure>
					<img src="uploads/details-slide-3.png" alt="Owl Image">
					<figcaption>
						<h4>
							<a href="#">Sân Golf The Bluffs (Hồ Tràm)</a>
						</h4>
					</figcaption>
				</figure>
			</li>
			<li class="item">
				<figure>
					<img src="uploads/details-slide-1.png" alt="Owl Image">
					<figcaption>
						<h4>
							<a href="#">Vinpearl Phu Quoc Golf Club</a>
						</h4>
					</figcaption>
				</figure>
			</li>
			<li class="item">
				<figure>
					<img src="uploads/details-slide-2.png" alt="Owl Image">
					<figcaption>
						<h4>
							<a href="#">Đà Lạt Palace Golf Club</a>
						</h4>
					</figcaption>
				</figure>
			</li>
			<li class="item">
				<figure>
					<img src="uploads/details-slide-3.png" alt="Owl Image">
					<figcaption>
						<h4>
							<a href="#">Sân Golf The Bluffs (Hồ Tràm)</a>
						</h4>
					</figcaption>
				</figure>
			</li>	
		</ul>
	</section>
    </section><!-- .itq-detail-golf -->
    <section class="clear"></section>

     <footer class="itq-footer">
     	<ul class="list-info">
             <li class="footer-left">
                <h2>Popular golf clubs:</h2>
                <p>Vung Tau Paradise Golf Resort<br>
    Montgomerie Links Vietnam</p>
            </li>
            <li class="footer-center">
                <h2>Special golf clubs:</h2>
                <p>
    Song Be Golf Resort<br>
    Dong Nai Golf<br>
    Long Thanh Golf Resoft<br>
    Viet Nam Golf & Country Club</p>
            </li>
            <li class="footer-right">
                <h2>Contacts:</h2>
                <p>Golf7plus <br>
    184 Hoang Quoc Viet, Cau Giay, Hanoi, Vietnam<br>
    Tel: 097 279 99 02<br>
    Website: <a href="#">golf7plus.com </a>  -   Email: <a href="#">golf7plus@gmail.com</a></p>
            </li>
    	</ul>
    </footer><!-- .itq-footer -->
    <nav class="menu-footer">
    	<ul class="list-menu">
       		 <li class="item"><a href="#">Home</a></li>
             <li class="item"><a href="#">Golf course</a></li>
             <li class="item"><a href="#">Golf package </a></li>
             <li class="item"><a href="#">Golf tour </a></li>
             <li class="item"><a href="#">Driving range</a></li>
             <li class="item"><a href="#">Golf fee & time</a></li>
        
        </ul>
    	<h2>© 2014 Golf7plus.com - Vietam Best Golf Tour Operato</h2>
    </nav><!--menufooter-->
    <section class="clear"></section>
</section><!-- .itq-wrapper -->


<!--Thư viện superslide -->
<script src="js/supperslide/jquery.easing.1.3.js"></script>
<script src="js/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="js/supperslide/hammer.min.js"></script>
<script src="js/supperslide/jquery.superslides.min.js"></script>
<script>
	$(document).ready(function(e) {
        $('ul.main li.item').hover(function(e) {
			  $(this).find('ul.level-2').fadeIn('fast')
			     },function(e) {
			  $(this).find('ul.level-2').fadeOut('fast')
			});
			$('.icon-f').hover(function(e) {
                $(this).addClass('animated rubberBand');
            },function(e) {
			 $(this).removeClass('animated rubberBand');
			});
			
		//goi slide supperslide
		$('#slides').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider'
		  });	
			
			
        });
</script>
<!-- Thư viện owl -->
<script src="js/owl/owl.carousel.js"></script>
<script src="js/owl/owl.carousel.min.js"></script>
<script>
	$(document).ready(function() {
		$(".owl-demo").owlCarousel({
		autoPlay: 5000, //Set AutoPlay to 3 seconds
		items : 3,
		itemsDesktop : [1199,3],
		itemsDesktopSmall : [979,3]
		});
	});
</script>
</body>
</html>